<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <form action="">
        <!-- 收集用户的基本信息 写一个页面让用户来填写信息 -->
        用户名：<input type="text" name ="username" value="请输入用户名"/><br/>
        <!-- 密码框 -->
        密码：<input type="password"/><br/>
        <!-- 单选框 -->
        性别：
            男<input type="radio" name ="gender"/>
            女<input type="radio" name ="gender"/>
        <br/>
        <!-- 复选框 -->
        爱好：
            LOL <input type="checkbox" name="hobby"/>
            DNF <input type="checkbox" name="hobby"/>
            无畏契约 <input type="checkbox" name="hobby" checked="checked" />
            王者荣耀 <input type="checkbox" name="hobby"/>
            <br/>
        <!-- 按钮框 -->
        <input type="button" value="获取验证码"/><br/>
        <input type="submit" value="提交信息"/><br/>
        <input type="reset" value="重置信息"/><br/>
        <input type="image" src="btn.png"/><br/>

        上传头像
        <input type="file" >

    </form>
</body>
</html>